<template>
	<div class="bg-white">
		<div class="shadow rounded overflow-hidden mt-3">
			<div class="bg-main p-2">
				<span>报名基本信息</span>
			</div>
			<div>
				<Row class="">
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>报名编号</div>
						<div class="text-xss">{{aclientbm.bmid}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>课程名称</div>
						<div>{{akecheng.kcname}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>用户编号</div>
						<div>{{client.clientid}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>用户名称</div>
						<div>{{client.nc}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>用户联系方式</div>
						<div>{{client.tel}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-danfen rounded  p-2">
						<div>课程价格</div>
						<div>￥{{aclientbm.price}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div class="text-xs">报名状态</div>
						<div v-if="aclientbm.stu == 'P'">排队中</div>
						<div v-if="aclientbm.stu == 'B'">已报名</div>
						<div v-if="aclientbm.stu == 'S'">已开始</div>
						<div v-if="aclientbm.stu == 'F'">已结束</div>
						<div v-if="aclientbm.stu == 'R'">提款中</div>
						<div v-if="aclientbm.stu == 'T'">已提款</div>
						<div v-if="aclientbm.stu == 'C'">已取消</div>
						<div v-if="aclientbm.stu == 'J'">退款中</div>
						<div v-if="aclientbm.stu == 'E'">已退款</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div class="text-xs">支付状态</div>
						<div v-if="aclientbm.pflg == '1'">已支付</div>
						<div v-if="aclientbm.pflg == '0'">未支付</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>报名日期</div>
						<div>{{aclientbm.ct}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>课程开始时间</div>
						<div>{{akecheng.st}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>课程结束时间</div>
						<div>{{akecheng.et}}</div>
					</div>
					</Col>
				</Row>
			</div>
		</div>

		<div class="shadow rounded overflow-hidden mt-3">
			<div class="bg-main p-2">
				<span>其他信息</span>
			</div>
			<div>
				<Row class="">
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>教练名称</div>
						<div>{{ajiaolian.jlname}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>教练联系方式</div>
						<div>{{ajiaolian.tel}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>所在场地</div>
						<div>{{aroom.rname}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>所在店铺名称</div>
						<div>{{astore.sname}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>店长名称</div>
						<div>{{adz.dname}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>店长联系方式</div>
						<div>{{adz.tel}}</div>
					</div>
					</Col>
					<Col class="p-1" :xs="24" :sm="24" :md="12" :lg="8" :xl="6" :xxl="4">
					<div class="bg-qingbai rounded  p-2">
						<div>门店地址</div>
						<div>{{astore.address}}</div>
					</div>
					</Col>
				</Row>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				aclientbm: {
					bmid: "",
					clientid: "",
					jlid: "",
					kcid: "",
					kcmc: "",
					jlmc: "",
					khnc: "",
					price: "",
					prepayid: "",
					prepaydata: "",
					pflg: "",
					sort: "",
					ct: "",
					stu: "",
				},
				client: {
					clientid: "",
					openid: "",
					nc: "",
					sex: "",
					age: "",
					headimg: "",
					fromid: "",
					tel: "",
					unionid: "",
					yj: "",
					tx: "",
				},
				ajiaolian: {
					jlid: "",
					jlname: "",
					birth: "",
					imgs: "",
					cover: "",
					openid: "",
					tel: "",
					yj: "",
					tx: "",
					lx: "",
					count: "",
					ms: "",
				},
				akecheng: {
					kcid: "",
					kcname: "",
					jlid: "",
					roomid: "",
					storeid: "",
					zxrs: "",
					zdrs: "",
					ybrs: "",
					price: "",
					ms: "",
					cs: "",
					st: "",
					et: "",
					kclxid: "",
					zt: "",
					cover: "",
				},
				aroom: {
					roomid: "",
					rname: "",
					imgs: "",
					mj: "",
					rnrs: "",
					yjds: "",
					cover: "",
					storeid: "",
				},
				astore: {
					storeid: "",
					sname: "",
					address: "",
				},
				adz: {
					dzid: "",
					cover: "",
					dname: "",
					tel: "",
				},
				tableInfo: {
					currentPage: 1,
					pageSize: 10,
					total: 0,
				},

			}
		},
		created: function() {
			this.aclientbm.bmid = this.$route.query.id;
			this.loadData();
		},
		mounted: function() {},
		methods: {
			loadData: function() {
				return this.http.get({
					url: "/client/bm/info",
					param: {
						bmid: this.aclientbm.bmid
					}
				}).then(res => {
					this.aclientbm = res.aclientbm;
					this.client = res.aclient;
					this.ajiaolian = res.ajiaolian;
					this.akecheng = res.akecheng;
					this.aroom.rname = res.akechengitems[0].rname;
					this.astore.sname = res.akechengitems[0].sname;
					this.astore.address = res.akechengitems[0].address;
					this.adz.dname = res.akechengitems[0].dname;
					this.adz.tel = res.akechengitems[0].tel;
				});
			},
			pageSearch: function(changedPage) {
				this.currentPage = changedPage;
			},
		},
	}
</script>

<style>
</style>